<template>
  <!-- 工作台相关 -->
  <div class="go-component">
      <Datatable :targetData="targetData" :upData="updataBase"></Datatable>
      <EditComponent
      @updataDataBase="handleupdataDataBase"
       :targetData="targetData"></EditComponent>
  </div>
  <!-- 加载蒙层 -->
  <!-- <content-load></content-load> -->
</template>

<script setup lang="ts">
//数据集
import { useThemeVars } from 'naive-ui';
import {
  provide,
  watch,ref, onMounted
} from 'vue';
import Datatable from './datatable/index.vue';
const props = defineProps({
  targetData: {
    type: Object,
    required: true
  }
})
const updataBase = ref(false)
const handleupdataDataBase = () =>{
updataBase.value = !updataBase.value
}
//编辑区
import EditComponent from './editComponent/index.vue';
const themeVars = useThemeVars()
console.log('themeVars :>> ', themeVars);
</script>

<style lang="scss" >
@include go("component") {
  display: grid;
  grid-template-columns:200px   1fr;
  height: calc(100vh - 40px);
}
.columnsitem {
  background-color: v-bind('themeVars.modalColor');
  margin-top: 10px;
  padding: 3px 5px;
  color: v-bind('themeVars.textColor1');
  border-radius: v-bind('themeVars.borderRadius');
  box-shadow: v-bind('themeVars.boxShadow1');
  cursor: pointer;
}
</style>
